<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>{[$webName]}——登录</title>

<script src="/courses/public/js/jquery.js" ></script>
<script src="/courses/public/js/jquery.form.js" ></script>

<style type="text/css">
	div{overflow:hidden; *display:inline-block;}div{*display:block;}
	.login_box{background:url(/courses/public/admin/images/admin_img/login_bg.jpg) no-repeat; width:602px; height:416px; overflow:hidden; position:absolute; left:50%; top:50%; margin-left:-301px; margin-top:-208px;}
	.login_iptbox{bottom:90px;_bottom:72px;color:#FFFFFF;font-size:12px;height:30px;left:50%;
margin-left:-280px;position:absolute;width:560px; overflow:visible;}
	.login_iptbox .ipt{height:24px; width:110px; margin-right:22px; color:#fff; background:url(/courses/public/admin/images/admin_img/ipt_bg.jpg) repeat-x; *line-height:24px; border:none; color:#000; overflow:hidden;}
		.login_iptbox label{ *position:relative; *top:-6px;}
	.login_iptbox .ipt_reg{margin-left:12px;width:46px; margin-right:16px; background:url(/courses/public/admin/images/admin_img/ipt_bg.jpg) repeat-x; *overflow:hidden;text-align:left;padding:2px 0 2px 5px;font-size:16px;font-weight:bold;}
	.login_tj_btn{ background:url(/courses/public/admin/images/admin_img/login_dl_btn.jpg) no-repeat 0px 0px; width:52px; height:24px; border:none; cursor:pointer; padding:0px; float:right;}
	.yzm{position:absolute; background:url(/courses/public/admin/images/admin_img/login_ts140x89.gif) no-repeat; width:140px; height:89px;right:25px;top:-96px; text-align:center; font-size:12px; display:none;}
	.yzm a:link,.yzm a:visited{color:#036;text-decoration:none;}
	.yzm a:hover{color:#C30;}
	.yzm img{cursor:pointer; margin:4px auto 7px; width:130px; height:50px; border:1px solid #fff;}
	.cr{font-size:12px;font-style:inherit;text-align:center;color:red;width:100%; position:absolute; bottom:58px;}
	.cr a{color:#ccc;text-decoration:none;}
</style>
<script type="text/javascript">
<!--
$(function(){
	$('#myform').ajaxForm({
		beforeSubmit:checkForm,			//表单提交执行前
		success:complete,				//表单提交后
		dataType:'json'
	});
	function checkForm(){
		if('' == $.trim($('#useracc').val()) || '' == $.trim($('#password').val())){
			$('#result').html('用户名和密码不能为空!').show();
			$('#result').fadeOut(4000);
			$('#useracc').focus();
			return false;
		}
		if('' == $.trim($('#code').val())){
			$('#result').html('验证码不能为空!').show();
			$('#result').fadeOut(4000);
			return false;
		}
			
	}
	function complete(data){
		if(data.status == 1){
			location.href = '__URL__';
		}
		$('#result').html(data.info).show();
		$('#result').fadeOut(4000);
	}
});

function freshVerify(){
	document.getElementById('code_img').src='__URL__/verify/'+Math.random();
}
-->
</script>
</head>

<body onload="javascript:document.myform.useracc.focus();">
<div id="login_bg" class="login_box">
	<div class="login_iptbox">
   	 <form action="__URL__/check" method="post" name="myform" id="myform" >
   	 	<input name="dosubmit" value="" type="submit" class="login_tj_btn"/>
   	 	<label>用户名：</label>
   	 	<input name="useracc" id="useracc" type="text" class="ipt" value="" />
   	 	<label>密码：</label>
   	 	<input name="password" id="password" type="password" class="ipt" value="" />
   	 	<label>验证码：</label>
   	 	<input name="code" id="code" type="text" class="ipt ipt_reg" onfocus="document.getElementById('yzm').style.display='block'" />
    	<div id="yzm" class="yzm"><img id='code_img' onclick='freshVerify()' src='__URL__/verify' /><br />
    		<a href="javascript:freshVerify();">单击更换验证码</a>
    	</div>
     </form>
    </div>
    <div class="cr" id="result"></div>
</div>
</body>
</html>